import React from 'react'
// import { Wrapper,Top, Tab, TabItem } from './style'
import { Link } from 'react-router-dom'
// import 

const Header = ({}) => {
  return (
    // <Wrapper>
      <div className="title">
      {/* <Tab>
                <NavLink to="/recommend">
                    <TabItem>
                        <span>推荐</span>
                    </TabItem>
                </NavLink>
                <NavLink to="/singers">
                    <TabItem>
                        <span>歌手</span>
                    </TabItem>
                </NavLink>
                <NavLink to="/rank">
                    <TabItem>
                        <span>排行榜</span>
                    </TabItem>
                </NavLink>
            </Tab> */}
        {/* <Link to="/guanzhu" className='mg'>
            <span>关注</span>
        </Link>
        <Link to="/" className='mg'>
            <span>发现</span>
        </Link>
        <Link to="/local" className='mg'>
            <div className='cities'>
                <i className='iconfont icon-dingwei' ></i>
                <span>抚州</span>
            </div>
        </Link> */}
        
      </div>
    // </Wrapper>
  )
}

export default Header
